/*
Author URI: http://webthemez.com/
Note: Licence under Creative Commons Attribution 3.0  
-------------------------------------------------------*/

@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('font-awesome.css');  
@import url('animate.css');

body {
	font-family:'微软雅黑', Arial, sans-serif;
	font-weight:300;
	line-height:1.6em;
	color:#656565;
	font-size: 1.4em;
}

a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1,h2{
	font-weight: 600;
	line-height:1.1em;
	color:#333;
	margin-bottom: 20px;
	text-transform: uppercase;
}
h3, h4, h5, h6 {
	line-height:1.1em;
	color: #212121;
	margin-bottom: 20px;
}
input, button, select, textarea { 
    border-radius: 0px !important;
}
.timetable{background: #2ab975;padding: 5px 23px;}
.timetable hr{
	color:#fff;
	padding-top: 29px;
	margin-bottom: 20px !important;
}
.timetable dl{
	color:#fff; 
}
.timetable dt{
	color:#fff;
}
.timetable dd{
	color:#fff;
}
#wrapper{
	width:100%;
	margin:0;
	padding:0;
}
ul.withArrow{
	
}
ul.withArrow li{
	
}
ul.withArrow li span{
	
margin-right: 10px;
	
font-weight: 700;
	
color: #29448e;
	
border: 1px solid;
	
padding: 4px 8px;
	
font-size: 11px;
	
border-radius: 50%;
	
height: 20px;
	
width: 20px;
}
.widget {
    color: #858585;
}
.row,.row-fluid {
	margin-bottom:30px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}
.about-image img {
    width: 100%;
}
img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 10px;
}
img{ border:none; vertical-align:middle;}
a{ font:12px/24px Arial, Helvetica, sans-serif,'微软雅黑'; color:#363636; text-decoration:none; }
a:hover{font:12px/24px Arial, Helvetica, sans-serif,'微软雅黑'; color:#0082d0; text-decoration:none;}
.clear{ clear:both}
.floatc{ float: left;}
.floatr{ float:right;}
/*主框架*/
.main{ width:1230px; margin:0 auto;}
/*  Header
==================================== */
.topbar{
	background-color: #2e8eda;
	padding: 5px 0;
	/* color:#fff; */
	font-size: 11px !important;
}
.topbar .container .row {
    margin: 0;
	padding:0;
}
.topbar .container .row .col-md-12 { 
	padding:0;
}
.topbar p{
	margin:0;
	display:inline-block;
	font-size: 11px;
	color: #f1f6ff;
}
.topbar p > i{
	margin-right:5px;
}
.topbar p:last-child{
	text-align:right;
} 


.menu_box{ height:40px; background:#fff; border-bottom:2px solid #0082d0; margin-bottom:10px;}
.headbox{ height:96px;}
.headlogo{}
.nav_top_ad{ float:right; margin-top:15px;}


nav {
    text-align: center;
	z-index:999
}
 
nav ul ul {
    display: none;
}
 
    nav ul li:hover > ul {
        display: block;
		z-index:999
    }
 
 
nav ul {
    background: #efefef; 
    background: linear-gradient(top, #1077cd 0%, #0082d0 100%);  
    background: -moz-linear-gradient(top, #1077cd 0%, #0082d0 100%); 
    background: -webkit-linear-gradient(top, #1077cd 0%,#0082d0 100%); 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
	z-index:999
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    nav ul li {
        float: left;
		z-index:999; margin:0 5px;
    }
        nav ul li:hover {
            background: #4b545f;
            background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
        }
            nav ul li:hover a {
                color: #fff;
				font-size:16px;
				z-index:999;
				font-weight:bold;
            }
         
        nav ul li a {
            display: block; padding: 12px 40px;
            color: #fff; text-decoration: none;
			font-size:16px;
			font-weight:bold;
        }
             
         
    nav ul ul {
        background: #5f6975; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        nav ul ul li {
            float: none; 
            border-top: 1px solid #6b727c;
            border-bottom: 1px solid #575f6a; position: relative; z-index:999
        }
            nav ul ul li a {
                padding: 15px 40px;
                color: #fff;
            }   
                nav ul ul li a:hover {
                    background: #4b545f;
					font-size:16px
                }
         
    nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }





 select.selectmenu {
	display:none;
}
.pageTitle{
color: #fff;
margin: 30px 0 3px;
display: inline-block;
}
 
#banner{
	width: 100%;
	background:#000;
	position:relative;
	margin:0;
	padding:0;
	height:350px;
}

/*  Sliders
==================================== */
/* --- flexslider --- */
#main-slider:before {content: '';width: 100%;height: 100%;z-index: 1;position: absolute;}
.flex-direction-nav a{
display:none;
}
.flexslider {
	padding:0;  
	background: #fff; 
	position: relative; 
	zoom: 1;
}
.flex-direction-nav .flex-prev{
left:0px; 
}
.flex-direction-nav .flex-next{ 
right:0px;
}
.flex-caption {zoom: 1;bottom: 198px;background-color: transparent;color: #fff;margin: 0;padding: 2px 25px 0px 30px;/* position: absolute; */left: 0;text-align: center;margin: 0 auto;right: 0px;display: inline-block;bottom: 24%;width: 88%;right: 0 !important;border-radius: 15px 15px 0 0;}
.flex-caption h3 {color: #fff;letter-spacing: 0px;margin-bottom: 8px;text-transform: uppercase;font-size: 70px;font-weight: 700;}
.flex-caption p {margin: 12px 0 18px;font-size: 22px;font-weight: 400;}
.skill-home{
margin-bottom:50px;
}
.c1{
border: #ed5441 1px solid;
background:#ed5441;
}
.c2{
border: #24c4db 1px solid;
background:#24c4db;
}
.c3{
border: #1891EC 1px solid;
background:#1891EC;
}
.c4{
border: #609cec 1px solid;
background:#609cec;
}
.skill-home .icons {padding: 38px;width: 94px;height: 94px;color: #fff;font-size: 42px;font-size: 38px;text-align: center;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 0;display: inline-table;border: 4px solid #efefef;color: #2e8eda;background: transparent;border-radius: 50%;background: #ffffff;}
.skill-home h2 {
padding-top: 20px;
font-size: 36px;
font-weight: 700;
} 
.testimonial-solid {
padding: 50px 0 60px 0;
margin: 0 0 0 0;
background: #FFFFFF;
text-align: center;
}
.testi-icon-area {
text-align: center;
position: absolute;
top: -84px;
margin: 0 auto; 
width: 100%;
}
.testi-icon-area .quote {
padding: 15px 0 0 0;
margin: 0 0 0 0;
background: #ffffff;
text-align: center;
color: #1891EC;
display: inline-table;
width: 70px;
height: 70px;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 42px; 
border: 1px solid #1891EC;
display: none;
}

.testi-icon-area .carousel-inner { 
margin: 20px 0;
}
.carousel-indicators {
bottom: -30px;
}
.text-center img {
margin: auto;
}
.aboutUs{
padding:40px 0;
background: #F2F2F2;
}
img.img-center {
margin: 0 auto;
display: block;
max-width: 100%;
}
.home-about{
	padding: 60px 0 0px;
}
.home-about hr{
	padding:0;
	margin:0;
}
.home-about .info-box{
	
}
/* Testimonial
----------------------------------*/
.testimonial-area {
padding: 0 0 0 0;
margin:0;
background: url(../img/low-poly01.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.testimonial-solid p {
color: #000000;
font-size: 16px;
line-height: 30px;
font-style: italic;
} 
section.hero-text {
	background: #F4783B;
	padding:50px 0 50px 0;
	color: #fff;
}
section.hero-text h1{ 
	color: #fff;
}

/* Clients
------------------------------------ */
#clients {
  padding: 60px 0;
  }
  #clients .client .img {
    height: 76px;
    width: 138px;
    cursor: pointer;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear; }
    #clients .client .img:hover {
      cursor: pointer;
      /*box-shadow: 0px 0px 2px 0px rgb(155, 155, 155);*/
      border-radius: 8px; }
  #clients .client .client1 {
    background: url("../img/client1.png") 0 -75px; }
    #clients .client .client1:hover {
      background-position: 1px 0px; }
  #clients .client .client2 {
    background: url("../img/client2.png") 0 -75px; }
    #clients .client .client2:hover {
      background-position: -1px 0px; }
  #clients .client .client3 {
    background: url("../img/client3.png") 0 -76px; }
    #clients .client .client3:hover {
      background-position: 0px 0px; }


/* Content
==================================== */

#content {
	position:relative;
	background:#fff;
	padding:50px 0 0px 0;
}
 
.cta-text {
	text-align: center;
	margin-top:10px;
}


.big-cta .cta {
	margin-top:10px;
}
 
.box {
	width: 100%;
}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}
.box-bottom {
	padding: 20px 0;
	text-align: center;
}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


/* Bottom
==================================== */

#bottom {
	background:#fcfcfc;
	padding:50px 0 0;

}
/* twitter */
#twitter-wrapper {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
#twitter em {
    font-style: normal;
    font-size: 13px;
}

#twitter em.twitterTime a {
	font-weight:600;
}

#twitter ul {
    padding: 0;
	list-style:none;
}
#twitter ul li {
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
    word-break: break-word;
}


/* page headline
==================================== */

#inner-headline{background: #424242;position: relative;margin: 0;padding: 0;}


#inner-headline h2.pageTitle{
	color: #b3b3b3;
	padding: 5px 0;
	display:block;
	text-transform: capitalize;
	text-align: center;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
	margin:40px 0;
	float:left;
}

#inner-headline ul.breadcrumb li {
	margin-bottom:0;
	padding-bottom:0;
}
#inner-headline ul.breadcrumb li {
	font-size:13px;
	color:#fff;
}

#inner-headline ul.breadcrumb li i{
	color:#dedede;
}

#inner-headline ul.breadcrumb li a {
	color:#fff;
}

ul.breadcrumb li a:hover {
	text-decoration:none;
}

/* Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
  width: 100%;
  border: 1px solid #f5f5f5;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform textarea {
border: 1px solid #f5f5f5;
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform .validation {
	font-size:11px;
}

#sendmessage {
	border:1px solid #e6e6e6;
	background:#f6f6f6;
	display:none;
	text-align:center;
	padding:15px 12px 15px 65px;
	margin:10px 0;
	font-weight:600;
	margin-bottom:30px;

}

#sendmessage.show,.show  {
	display:block;
}
 
form#commentform input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search{
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}

#inner-headline form.input-append {
	margin:0;
	padding:0;
}

.about-text h3 {
	font-size: 22px;
	padding-bottom: 20px;
}

.about-text .btn {
	margin-top: 20px;
	//font-size: 15px;
	//text-align: justify;
}

.about-image img {
}

.about-text ul {
	margin-top: 30px;
	padding: 0;
}

.about-text li {
	margin-bottom: 10px;
	//
	font-weight: bold;
	list-style: none;
}

 
.about-text-2 img {
	border: 5px solid #ddd;
	margin-bottom: 20px;
}

.about-text-2 p {
	margin-bottom: 20px;
}

#call-to-action {
	background: url(../images/bg/about.jpg) no-repeat;
	background-attachment: fixed;
	background-position: top center;
	padding: 100px 0;
	color: #fff;
}

.call-to-action h3 {
	font-size: 40px;
	letter-spacing: 15px;
	color: #fff;
	padding-bottom: 30px;
}

.call-to-action p {
	color: #999;
	padding-bottom: 20px;
}

.call-to-action .btn-primary {
	background-color: transparent;
	border-color: #999;
}

.call-to-action .btn-primary:hover {
	background-color: #151515;
	color: #999;
	border-color: #151515;
}

#call-to-action-2 {
	background-color: #2e8eda;
	padding: 50px 0;
}
#call-to-action-2 h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}
#call-to-action-2 p {
	color: rgba(255, 255, 255, 0.61);
	font-size: 15px;
}
#call-to-action-2 .btn-primary {
	border-color: #FFFFFF;
	/* background: transparent; */
	margin-top: 50px;
	color: #fff;
}
section.section-padding.gray-bg {
    background: #dedede;
    padding: 60px;
    color: #484848;
}
 
  #accordion-alt3 .panel-heading h4 {
font-size: 13px;
line-height: 28px;
}
.panel .panel-heading h4 {
font-weight: 400;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 2px;
}
.panel {margin-bottom: 18px;background-color: #FFFFFF;border: 1px solid #f3f3f3;border-radius: 2px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
#accordion-alt3 .panel-heading h4 a i {font-size: 17px;line-height: 18px;width: 18px;height: 18px;margin-right: 8px;color: #A0A0A0;text-align: center;border-radius: 50%;margin-left: 6px;font-weight: bold;}  
.progress.pb-sm {
height: 6px!important;
}
.progress {
box-shadow: inset 0 0 2px rgba(0,0,0,.1);
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress .progress-bar.progress-bar-red {
background: #ed5441;
} 
.progress .progress-bar.progress-bar-green {
background: #51d466;
}
.progress .progress-bar.progress-bar-lblue {
background: #32c8de;
}
/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}
.info-blocks {margin-bottom: 15px;/* background: #efefef; */}
.info-blocks i.icon-info-blocks {float: left;color: #2e8eda;font-size: 30px;min-width: 50px;margin-top: 7px;text-align: center;background: #ffffff;width: 72px;height: 72px;padding-top: 21px;border: 1px solid #2e8eda;border-radius: 50%;}
.info-blocks .info-blocks-in {padding: 0 10px;overflow: hidden;}
.info-blocks .info-blocks-in h3 {color: #000;font-size: 20px;line-height: 28px;margin:0px;margin-bottom: 8px;}
.info-blocks .info-blocks-in p {font-size: 14px;}
  
blockquote {
	font-size:16px;
	font-weight:400;
	font-family:'Noto Serif', serif;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}

blockquote cite 							{ display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

/* --- pullquotes --- */

.pullquote-left {
	display:block;
	color:#a2a2a2;
	font-family:'微软雅黑','Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}

.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-family:'微软雅黑','Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}

/* --- button --- */
.btn{text-align: center;color: #FFFFFF;padding: 12px 25px;border-radius: 0;background: #2e8eda;border-color: #2e8eda;}
.btn-theme {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	padding: 12px 30px;
	font-weight: bold;
}
.btn-theme:hover {
	color: #eee;
}

/* --- list style --- */

ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}
footer{background: #272727;}
footer ul.link-list li a{
	color: #8C8C8C;
}
footer ul.link-list li a:hover {
	color: #111523;
}
/* --- Heading style --- */

h4.heading {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {
	position: relative;
	
}


.widgetheading {
	width:100%;
	padding:0;
	font-weight: bold;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}

.team-member h4{
  text-align: center;
  margin-bottom: 5px;
}
.team-member .deg{
text-align:center;
display:block;
}
#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;

}
.panel-title>a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}
.box-area{padding: 15px;background: #ffffff;margin-top: -21px;border: 2px solid #f3f3f3;}
.box-area h3{font-size: 17px;font-weight: 600;}
/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

 
ul.team-detail{
	margin:-10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.team-detail li{
	border-bottom:1px dotted #e9e9e9;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	list-style:none;
}

ul.team-detail li label {
	font-size:13px;
}

ul.team-detail li h4, ul.team-detail li label{
	margin-bottom:0;
}

ul.team-detail li ul.social-network {
	border:none;
	margin:0;
	padding:0;
}

ul.team-detail li ul.social-network li {
	border:none;	
	margin:0;
}
ul.team-detail li ul.social-network li i {
	margin:0;
}

 
.pricing-title{
	background:#fff;
	text-align:center;
	padding:10px 0 10px 0;
}

.pricing-title h3{
	font-weight:600;
	margin-bottom:0;
}

.pricing-offer{
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 40px 0;
	font-size:18px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

.pricing-box.activeItem .pricing-offer{
	color:#fff;
}

.pricing-offer strong{
	font-size:78px;
	line-height:89px;
}

.pricing-offer sup{
	font-size:28px;
}

.pricing-container{
	background: #fff;
	text-align:center;
	font-size:14px;
}

.pricing-container strong{
color:#353535;
}

.pricing-container ul{
	list-style:none;
	padding:0;
	margin:0;
}

.pricing-container ul li{
	border-bottom: 1px solid #CFCFCF;
list-style: none;
padding: 15px 0 15px 0;
margin: 0 0 0 0;
color: #222;
}

.pricing-action{
	margin:0;
	background: #fcfcfc;
	text-align:center;
	padding:20px 0 30px 0;
}

.pricing-wrapp{
	margin:0 auto;
	width:100%;
	background:#fd0000;
}
 .pricing-box-item {border: 1px solid #e6e6e6;background:#fcfcfc;position:relative;margin:0 0 20px 0;padding:0;-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);box-shadow: 0 2px 0 rgba(0,0,0,0.03);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}

.pricing-box-item .pricing-heading {
	background: #ffffff;
	text-align: center;
	padding: 50px 0;
	display:block;
}
.pricing-box-item.activeItem .pricing-heading {
	background: #f3f3f3;
	text-align: center;
	border-bottom:none;
	display:block;
	color:#fff;
}
.pricing-box-item.activeItem .pricing-heading h3 {
	 
color: #fff;
}

.pricing-box-item .pricing-heading h3 strong {
	font-size:28px;
	font-weight:700;
	letter-spacing:-1px;
	color: #05142b;
}
.pricing-box-item .pricing-heading h3 {
	font-size:32px;
	font-weight:300;
	letter-spacing:-1px;
}

.pricing-box-item .pricing-terms {
	text-align: center;
	background: #fff;
	display: block;
	overflow: hidden;
	padding: 11px 0 5px;
	/* border-top: 2px solid #BBBBBB; */
	border-bottom: 2px dotted #CDCDCD;
}

.pricing-box-item .pricing-terms  h6 {
	margin-top: 16px;
	color: #2e8eda;
	font-size: 22px;
}

.pricing-box-item .icon .price-circled {
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 68px;
    height: 68px;
	padding:12px;
    font-size: 16px;
	font-weight:700;
    line-height: 68px;
    text-shadow:none;
    cursor: pointer;
    background-color: #888;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

.pricing-box-item  .pricing-action{
	margin:0;
	text-align:center;
	padding:30px 0 30px 0;
}
.pricing-action .btn{
	background: #2e8eda;
	color: #fff;
} 

/* Testimonials */
.testimonials blockquote {
    background: #efefef none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #c5c5c5 transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #cccccc;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #2e8eda;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
	width:100%;
}
.widget .flickr_badge img { margin: 0 9px 20px 0; }

footer .widget .flickr_badge {
    width: 100%;
}
footer .widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
	margin: 0 9px 20px 0;
}
 
/* --- Recent post widget --- */

.recent-post{
	margin:20px 0 0 0;
	padding:0;
	line-height:18px;
}

.recent-post h5 a:hover {
	text-decoration:none;
}

.recent-post .text h5 a {
	color:#353535;
}

  
footer{
	padding:50px 0 0 0;
	color:#f8f8f8;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#eee;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color: #bdbdbd;
}

footer address {
	line-height:1.6em;
	color: #797979;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
	margin: 0 5px;
	border: 1px solid #2D2D2D;
	padding: 5px 0 0;
	width: 32px;
	display: inline-block;
	text-align: center;
	height: 32px;
	vertical-align: baseline;
}

#sub-footer{
	text-shadow:none;
	color:#f5f5f5;
	padding:0;
	padding-top:30px;
	margin:20px 0 0 0;
	background: #272727;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{
	color: #7b7b7b;
}

.copyright {
	text-align:left;
	font-size:12px;
}

#sub-footer ul.social-network {
	float:right;
}

  

/* scroll to top */
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #2e8eda;
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}



 
.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.aligncenter{
	text-align:center;
}

.aligncenter span{
	margin-left:0;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatnone {
	float:none;
}

.aligncenter {
	text-align:center;
}
 
img.pull-left, .align-left{
	float:left;
	margin:0 15px 15px 0;
}

.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}

img.pull-right, .align-right {
	float:right;
	margin:0 0 15px 15px;
}

article img.pull-left, article .align-left{
	float:left;
	margin:5px 15px 15px 0;
}

article img.pull-right, article .align-right{
	float:right;
	margin:5px 0 15px 15px;
}
 ============================= */

.clear-marginbot{
	margin-bottom:0;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}

.clear-margintop{
	margin-top:0;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}
.flex-control-paging li a {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  text-indent: 50px;
  overflow: hidden;
}
.btn:hover, .btn:focus {
  color: #FFF;
  text-decoration: none;
  background: #1c7bc5;
  border-color: #1c7bc5;
}
/*  Media queries 
============================= */

@media (min-width: 768px) and (max-width: 979px) {

	a.detail{
		background:none;
		width:100%;
	}


	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 4px 4px 4px 4px;
			 -moz-border-radius: 4px 4px 4px 4px;
				  border-radius: 4px 4px 4px 4px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 767px) {
.navbar-default .navbar-collapse{border-color: none;background: #ffffff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #868686;border-radius: 0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: rgba(221, 221, 221, 0);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #bdbdbd;margin-top: 15px;}
  body {
    padding-right: 0;
    padding-left: 0;
  }
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}
	.navbar-header {
		/* margin-top: 20px; */
		border-bottom: none;
	}
	
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
background: none;
font-weight: 700;
color: #FFFFFF;
}
	header .navbar-nav > li {
padding-bottom: 2px;
padding-top: 3px;
}
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}

	.dropdown-menu {
	  position: absolute;
	  top: 0;
	  left: 40px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-size: 13px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 0;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	

	
	li.active  {
		border: none;
		overflow: hidden;
		background: #2e8eda;
}

	
	.box {
		border-bottom:1px solid #e9e9e9;
		padding-bottom:20px;
	}

	.flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
		bottom: -40px; 
	}


	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}

	.breadcrumb > li {
		font-size:13px;
	}

	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom:10px;
		margin-bottom:40px;
	}
	
	.right-sidebar{
		margin-top:30px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
	footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
		margin-bottom:20px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	

	
  [class*="span"] {
		margin-bottom:20px;
  }

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}

	.flexslider .flex-caption {
		display:none;
	}


	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}


}

/*news*/
.news_scroll {
    width: 1230px;
    height: 40px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    border-bottom: 1px solid #d1d1d1;
}
.news_scroll .content {
    width: 1230px;
    margin: 0 auto;
    height: 40px;
}
.public {
    position: relative;
    width: 1204px;
    height: 40px;
}
.public .con {
    width: 770px;
    height: 40px;
    overflow: hidden;
}
.public .ti {
    width: 90px;
    height: 40px;
    line-height: 40px;
    float: left;
}
.public .ti span {
    font: 200 18px/40px 'Microsoft Yahei';
    color: #2c2c2c;
}
.public .soroll {
    width: 490px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 4px;
    float: left;
}
.public .soroll ul li a {
    color: #525252;
    font-family: '微软雅黑';
    font-size: 15px;
}
.news_more a {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    font-family: '微软雅黑';
    font-size: 15px;
    color: #2c2c2c;
}
.scul li{ height:40px; line-height:40px;}




/*产品中心*/
.productbox{ height:700px; background:#f5f5f5; margin:10px 0px;}
.product_title{ height:92px;}
.product{ height:514px; background:#FFF;}
.product_nav{ width:253px; height:103px; font-size:36px; color:#FFF; text-align:center; line-height:93px; font-family: '微软雅黑';}

/*tab*/
.o-m{background:#fff;width:1230px;margin:0px auto;}
.o-m .ul-o{float:left;width:255px;position:relative;background:#0082d0;}
.ul-o ul{ list-style:none; margin:0px; padding:0px;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2; height:68px;}
.o-m .ul-o p{width:1px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../img/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t p{background-position:-252px -50px;}
.o-m .ul-o .li-s p{background-position:-252px -130px;}
.o-m .ul-o .li-f p{background-position:-252px -190px;}
.o-m .ul-o .li-w p{background-position:-252px -257px;}
.o-m .ul-o .li-l p{background-position:-272px -323px;}
.o-m .ul-o li p{float:left;line-height:68px;color:#fff;font-size:16px;width:250px;border-bottom:1px solid #cccbc8; text-align:center; height:1px;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../img/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none; z-index:999}
.o-m .ul-o .li-mask{position:absolute;left:0;top:0;width:253px;height:68px;background:url(../img/n-qyjz-52.png) no-repeat;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{width:975px;float:left;height:414px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-top{padding:25px 0 0 50px;}
.o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}
/*搜索*/
form { 
margin: 0; 
} 
#search_box { 
width: 248px; 
height: 37px; 
background: url(../images/bg_search_box.gif) no-repeat 0.5em; margin:0 auto;
} 
#search_box #s { 
float: left; 
padding: 0; 
margin: 6px 0 0 15px; 
border: 0; 
width: 159px; 
background: none; 
font-size: .8em; color:#FFF;
} 
#search_box #go { 
float: right; 
margin: 3px 16px 0 0; 
} 



.productlist{ list-style:none;z-index:-1999}
.productlist span{ width:285px; height:238px; float:left; margin:20px;}
.productlistimg{ width:287px; height:220px; border:1px solid #CCC;}
.productlisttext{ font:14px/40px 'Microsoft Yahei'; font-weight:bold;text-align:center}
.productlisttext a{font:14px/40px 'Microsoft Yahei';font-weight:bold; text-align:center}
.productlisttext a:hover{font:14px/40px 'Microsoft Yahei'; color:#0082d0;font-weight:bold; text-align:center}



/*产品单排滚动*/
.proxulie_title{ height:95px;}

div.indexmaindiv{height:440px;margin:0px auto;width:1296px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/areabackground/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:30px;height:60px;background:url('../images/areabackground/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:30px;height:60px;background:url('../images/areabackground/arrowhead.png') no-repeat left -58px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:254px;height:360px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:254px;height:185px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:254px;height:185px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040; width:100%; height:40px; display:block}
div.indexmaindiv1 div.playerdetail div.teanames:hover{text-align:center;font-size:14px;margin-top:5px;color:#404040; width:100%; height:40px; background:#0082d0; display:block}
div.indexmaindiv1 div.playerdetail div.teadetail{width:95%;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:165px;height:39px;display:block;background:url('../images/areabackground/checkdetail.png') no-repeat;margin:18px; border:1px solid #CCC; margin:0 auto}
div.indexmaindiv1 div.stylesgoright{float:left;width:30px;height:60px;background:url('../images/areabackground/arrowhead.png') no-repeat left -128px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:30px;height:60px;background:url('../images/areabackground/arrowhead.png') no-repeat left -186px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1200px;height:385px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:274px;height:372px; margin:0 5px; border:1px solid #CCC; padding:7px; display:block}
div.maindiv1 ul li:hover{float:left;width:274px;height:372px; margin:0 5px;background:#0082d0; display:block}




.about_nav{ height:548px; background:url(../images/youshibg.jpg) no-repeat center; margin:15px 0; overflow:hidden;}
.situation_box{ height:460px; background:#fbfbfb}
.situation{ width:560px;}
.situation .title{ height:172px;}
.situation_text{font:14px/30px 'Microsoft Yahei'; border-top:1px solid #CCC; padding-top:15px;}

.situation_xuanxiang{ width:560px; margin:20px 0px;}
.situation_xuanxiang a{ float:left}




/*新闻中心*/
.newsbox{ height:505px; border:1px solid #CCC; margin-top:20px;}
.news_nav{ width:610px;}
.news_nav .ntitle{ height:61px; width:100%; background:url(../images/newsicon.jpg) no-repeat left 2.0em; position:relative; border-bottom:1px solid #ccc;}
.news_nav .nmore{ width:61px; height:20px; position:absolute; right:5px; top:20px; }
.news_nav .nmore a{ width:61px; height:20px; background:url(../images/newsmore.jpg) no-repeat left top; display:block; position:absolute; right:5px; top:10px;}
.news_nav .nmore a:hover{ width:61px; height:20px; background:url(../images/newsmore.jpg) no-repeat left -20px; display:block; position:absolute; right:5px; top:10px;}

.newslist ul{ list-style:none; padding:10px;}
.newslist ul li{ height:112px;border-bottom:1px solid #ccc; margin:10px 0;}
.new_title{ position:relative;}
.new_title a{ font-weight:bold;}
.new_date{ position:absolute; right:5px;}
.new_info{ font-size:12px;}


.form_nav{ width:610px;}
.form_nav .ftitle{ height:61px; width:100%; background:url(../images/lianxi.jpg) no-repeat left 2.0em; position:relative; border-bottom:1px solid #ccc;}
.form_nav .nmore{ width:61px; height:20px; position:absolute; right:5px; top:20px; }
.form_nav .nmore a{ width:61px; height:20px; background:url(../images/newsmore.jpg) no-repeat left top; display:block; position:absolute; right:5px; top:10px;}
.form_nav .nmore a:hover{ width:61px; height:20px; background:url(../images/newsmore.jpg) no-repeat left -20px; display:block; position:absolute; right:5px; top:10px;}


.form_info{ padding:15px;}

/*表单*/
.white-pink {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #FFF;
padding: 30px 30px 20px 30px;
box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
-webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.white-pink h1 {
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #F5F5F5;
margin: -10px -30px 10px -30px;
color: #969696;
}
.white-pink h1>span {
display: block;
font-size: 11px;
color: #C4C2C2;
}
.white-pink label {
display: block;
margin: 0px 0px 5px;
}
.white-pink label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #969696;
}
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{
color: #555;
width: 70%;
padding: 3px 0px 3px 5px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 25px;
line-height:15px;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}
.white-pink textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.white-pink .button {
-moz-box-shadow:inset 0px 1px 0px 0px #0082d0;
-webkit-box-shadow:inset 0px 1px 0px 0px #0082d0;
box-shadow:inset 0px 1px 0px 0px #0082d0;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0082d0), color-stop(1, #007fdc) );
background:-moz-linear-gradient( center top, #0082d0 5%, #007fdc 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0082d0', endColorstr='#007fdc');
background-color:#0082d0;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-border-radius:9px;
border:1px solid #007fdc;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height: 40px;
line-height: 30px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #c70067;
}
.white-pink .button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007fdc), color-stop(1, #0082d0) );
background:-moz-linear-gradient( center top, #007fdc 5%, #0082d0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fdc', endColorstr='#0082d0');
background-color:#007fdc;
}
.white-pink .button:active {
position:relative;
top:1px;
}
.white-pink select {
background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
line-height: 15px;
height: 30px;
}




/*友情链接*/
.friend_link{ height:66px; background:#ebebeb; margin:10px 0px 0px;}
.flink{ background:url(../images/frdlink.jpg) no-repeat left 0.5em; padding-left:86px; line-height:66px; font-size:14px;}






/*子页样式*/
.zibanner{ height:250px; text-align:center; margin:5px 0px; overflow:hidden}
.pro_r_cont {
    padding: 0px 10px;
}
.pro_r_cont li {
    width: 168px;
    height: 157px;
	border:1px solid #CCC;
    display: block;
    float: left;
    margin: 12px 0px 0px 8px;
    display: inline;
    text-align: center;
}
.pro_r_cont li a {
    color: #444;
}
.pro_r_cont li img {
    width: 154px;
    height: 117px;
    margin: 7px 0px 9px 0px;
}





.leftnav{ width:254px; background:#0082d0;position: relative;}
.leftnav ul{ list-style:none; padding:0;}
.leftnav ul li{ height:68px; border-bottom:1px solid #FFF; position:relative;}
.leftnav ul li a{ color:#FFF; display:block; text-align:center; height:68px; font-size:16px; line-height:68px; font-weight:bold;border-bottom:1px solid #FFF;}
.leftnav ul li a:hover{ background: url(../img/n-qyjz-52.png) no-repeat; display:block; text-align:center; height:68px;font-size:16px; line-height:68px; font-weight:bold;border-bottom:1px solid #FFF;}
.navright{ width:950px; border-top:3px solid #0082d0}

.leftnav ul ul {
    visibility: hidden;
    position: absolute;
    top: -10px;
    left: 145px;
    padding: 4px;
    background: #2d3d47;
    height: 96px;
    width: 145px;
    border-left: 1px solid #999;
	z-index:99999
}
.leftnav ul ul a,.leftnav ul ul a:hover, .leftnav ul ul a:visited {
    background: #2d3d47;
    color: #fff;
    height: auto;
    line-height: 14px;
    text-indent: 0px;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-size: 11px;
}



#navigation {width:100%;position:relative; z-index:100; border-right:1px solid #999; padding:10px 0px; float:left;}
/* hack to correct IE5.5 faulty box model */
* html #navigation {width:100%;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:100%;position:relative;}
#navigation ul li a:hover{ background: url(../img/n-qyjz-52.png) no-repeat; display:block; text-align:center;}
/* style the links for the top level */
#navigation a, #navigation a:visited {display:block;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:100%; w\idth:100%;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#2d3d47}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute;top:-10px;left:250px;  padding:4px; background:#2d3d47; height:96px; width:100%; border-left:1px solid #999;}
#navigation ul ul li { height:25px;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:-9px;t\op:-10px;}

/* position the third level flyout menu */
#navigation ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#2d3d47; color:#fff; height:auto; line-height:14px; text-indent:0px; display:block; padding:5px; text-decoration:none; font-size:11px;}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:145px;w\idth:145px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {background:url(images_files/navigati.png) top left;}

/* top level image background placements */
#navigation a.link1:hover {background-position:-146px 0px;}
#navigation a.link2 {background-position:0px -47px;}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background-position:-146px -47px;}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2  {background-position:-146px -47px;}
#navigation a.link3 {background-position:0px -94px;}
#navigation a.link3:hover{background-position:-146px -94px;}
#navigation :hover > a.link3, #navigation ul ul :hover > a.link3  {background-position:-146px -94px;}
#navigation a.link4 {background-position:0px -141px;}
#navigation a.link4:hover {background-position:-146px -141px;}
#navigation :hover > a.link4, #navigation ul ul :hover > a.link4  {background-position:-146px -141px;}
#navigation a.link5 {background-position:0px -188px;}
#navigation a.link5:hover {background-position:-146px -188px;}
#navigation a.link6 {background-position:0px -235px;}
#navigation a.link6:hover {background-position:-146px -235px;}
#navigation a.link7 {background-position:0px -282px;}
#navigation a.link7:hover {background-position:-146px -282px;}
#navigation a.link8 {background-position:0px -329px;}
#navigation a.link8:hover {background-position:-146px -329px;}
#navigation a.link9 {background-position:0px -375px; height:65px;}
#navigation a.link9:hover {background-position:-146px -375px;}

#navigation ul ul a:hover {background:#fff; color:#202c32;}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}



.case {
    padding: 0px 10px;
}
.case ul{ padding:0; list-style:none}
.case ul li {
    padding: 10px 0px;
    border-bottom: #a0a0a0 1px dashed;
}
.case ul li .case_img {
    float: left;
    border: #c9c8ce 1px solid;
    padding: 2px;
}
.case ul li .case_img img {
    width: 213px;
    height: 150px;
}
.case ul li .case_right {
    float: right;
    width: 673px;
    margin-right: 10px;
}
.case ul li .case_right h4 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
	
}
.case ul li .case_right h4 a {
    color: #262626;
	    font-size: 16px;
	font-weight: bold;
}
.case ul li a{font-weight: bold;}
.case ul li .case_right p {
    font-size: 12px;
    line-height: 24px;
	
}
ul.imglist{  overflow:hidden; list-style:none; margin:0px;} 
ul.imglist li{ float:left; padding:4px 8px; width:215px; margin:10px; height:230px;} 
ul.imglist li img{ display:block; width:213px; height:150px} 
ul.imglist li span{ display:block; width:100%;  line-height:30px; background:#F6F6F6;font-weight: bold; } 

.slide{ border: #9e9e9e 1px dashed; padding:5px; width:315px; float:left}
.slide img{ width:300px;}

.case_dt {
    padding: 10px;
}
.cdt_tit {
    text-align: center;
    color: #000;
    line-height: 30px;
    border-bottom: #9e9e9e 1px dashed;
}
.cdt_tit h4 {
    font-weight: normal;
    font-size: 17px;
}
.cdt_nr p {
    text-indent: 2em;
}

.nr_list {
    background: #f2f2f2;
    height: 54px;
    line-height: 25px;
    color: #4f4d4d;
    border-top: #FFF 1px solid;
    margin-top: 20px;
}
.nr_list ul li {
    margin-left: 20px;
}





.pro_dt .pdt_tit {
    padding: 10px;
}
.pro_dt .pdt_tit .tit_img {
    float: left;
    border: #e3e3e3 3px solid;
}
.pro_dt .pdt_tit .tit_img img {
    width: 327px;
    height: 252px;
}
.pro_dt .pdt_tit .tit_txt {
    float: right;
    width: 330px;
    line-height: 22px;
}
\

/*tab 选项卡*/
.yScrollList{width:100%;border:1px solid #dcdcdc;background:#ffffff;margin:25px auto 0;}
.yScrollListTitle{width:100%;height:38px;line-height:38px;border-bottom:1px solid #dcdcdc;}
.yScrollListTitle h1{cursor:pointer;font-size:16px;background:#fff;color:#666666;height:38px;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;float:left;position:relative;left:-1px;width:110px;text-align:center; margin-top:0px; line-height:38px;}
.yScrollListTitle h1.ytitleh12{left:-2px;}
.yScrollListTitle h1.yth1click{height:42px;border-top:2px solid #0082d0;top:-5px;}
.yScrollListIn{width:100%;position:relative;}
.yScrollListInList{display:none;width:100%;padding:0 30px;left:0;top:0;overflow:hidden;}
.yScrollListInList .yScrollListbtn{cursor:pointer;position:absolute;width:13px;height:19px;top:96px;background:url(../images/btnys.png) no-repeat 0 0;}
.yScrollListInList .yScrollListbtnr{background-position:-14px 0;right:5px;}
.yScrollListInList .yScrollListbtnl{left:5px;}
.yScrollListInList ul{width:2238px;height:224px;position:absolute;top:0;left:30px;overflow:hidden;}
.yScrollListInList ul li{width:160px;height:224px;float:left;margin-right:84px;}
.yScrollListInList ul li img{width:140px;height:140px;display:block;margin-left:10px;margin-top:12px;}
.yScrollListInList ul li p{text-align:center;font-size:12px;color:#666666;line-height:18px;padding:7px 10px 0;width:140px;height:36px;overflow:hidden;}
.yScrollListInList ul li p:hover{color:#e9630a;text-decoration:underline;}
.yScrollListInList ul li span{color:#e9630a;font-size:12px;text-align:center;display:block;line-height:24px;}
 


/*6大优势选项卡*/
.youshiright{ width:891px; float:right; margin-top:50px;}
.main-page{width:100%;height:500px;}
.main-page .left, .main-page .right{float:left;}
.main-page .nav-back{width:80px;height:480px;background:#000;opacity:.3;filter:alpha(opacity=30);}
.main-page .nav{position:relative;margin-top:-480px;width:80px;text-align:center;font-size:14px;font-family:"微软雅黑";color:#fff;}
.main-page .nav div{height:80px;line-height:80px;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:40px; font-weight:bold; color:#fff;}
.main-page .nav div.on{background:#0094ea; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:40px; font-weight:bold; color:#fff;}
.main-page .right{width:620px;height:480px;margin-left:20px;}
.main-page .content-back{width:620px;height:480px;background:#fff;opacity:.3;}
.main-page .content{position:relative;width:600px;height:460px;margin-top:-480px;padding:10px;overflow:hidden;}
.main-page .content div{width:600px;height:460px;margin-bottom:10px;}




/*案例滚动*/
#gla{
	
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background:url(gla_bac.png);
	height:404px;
}

#gla_box{
	width:700px;
	margin:auto;
}
#gla_box ul{ list-style:none; padding:0;}
.gla_inbox{
	overflow:hidden;
	position:relative;
}
.gla_inbox p{
	text-indent:1em;
	font-size:14px;
	width:100%;
	color:#FFFFFF;
	line-height:30px;
	background:#000000;
}

.gla_inbox a{
	padding:5px;
	display:block;
	position:absolute;
	top:220px;
	left:90px;
	background:#0066CC;
	color:#FFF;
}
.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height: 404px;
	width: 700px;
}
.roundabout-moveable-item {
	display:block;
	height: 300px;
	width: 500px;;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}




/*相关新闻*/
.xiangguan{ width:100%; margin:10px 0;}
.xgnews{ width:98%; height:44px; background: url(../img/xgnews.jpg) no-repeat left top; }
.xgnewlist{ width:100%; height:230px; border:1px solid #CCC;padding:15px; border-top:2px solid #0082d0}
.xgnewlist ul{ list-style:none; margin:0; padding:0;}
.xgnewlist ul li{ width:440px; height:30px; background:url(../img/icon1.jpg) no-repeat left 0.9em; border-bottom:1px dashed #ccc; padding-left:10px; margin:5px 5px;}
.xgnewlist ul li a{ font:14px/30px '微软雅黑', Arial, sans-serif; }
.xgnewlist ul li a:hover{ font:14px/30px '微软雅黑', Arial, sans-serif; }




/*分页*/
.dede_pages ul{ list-style:none;}
.dede_pages ul li { float:left;
}
.dede_pages ul li a {
    background: #f7f7f7;
    border: 1px solid #dedede;
    color: #6a6a6a;
    display: inline-block;
    font-size: 12px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
	padding:0 10px;
  
}
.thisclass {
    background: #368ee0;
    color: #fff;
    border: 0;
    padding: 1px;
}
.pageinfo{ background: #f7f7f7;
    border: 1px solid #dedede;
    color: #6a6a6a;
    display: inline-block;
    font-size: 12px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
	padding:0 10px;}
	
	
	
.product_nav h1{ font-size:48px; font-family:'微软雅黑', Arial, sans-serif; color:#fff;}
.product_nav h2{ font-size:26px; font-family:'微软雅黑', Arial, sans-serif; color:#fff;}




/*资质*/
.box01{ width:1000px; margin: 50px auto; position:relative;}
.box01 ul{ list-style:none;}
.box01 li{ float: left; width: 180px; text-align: center; padding-right: 10px; margin-right: 10px; height: 120px; margin-bottom: 15px; cursor: pointer; z-index:0; position:relative;}
.box01 li img{ height: 120px; margin: 0 auto;}
.box01 li .in{ position: absolute; left: 0; top: 0;width: 180px; }
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}
.bsc{ background:url(../images/icon01.png) no-repeat; position:absolute; right:10px; width: 19px; height: 15px; font-size: 0; float:right;}




/*当前位置*/
.crrt-pg {
    width: 100%;
    min-width: 1190px;
    height: 50px;
    line-height: 55px;
    color: #888888;
    border-bottom: 1px solid #e8e8e8;
	text-align:right;
	margin-bottom:10px;
}
.crrt-pg p {
    width: 1190px;
    margin: 0 auto;
}
.crrt-pg a {
    color: #888;
}




/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}



/*图集*/


.flip-frame{

	
	margin: 20px auto;
	/*overflow: hidden;*/
	width: 500px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.flip-frame .flip{
	position: relative;	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}

.flip-frame .flip.animate{
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: rotateY(180deg);
     	-moz-transform: rotateY(180deg);     
      	-ms-transform: rotateY(180deg);      
        transform: rotateY(180deg);
}

.flip-frame .flip.animateL{
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);     
      	-ms-transform: rotateY(-180deg);      
        transform: rotateY(-180deg);
}

.flip-frame .slide{
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	position: absolute;
	top: 0;
	left: -999em;
	width: 100%;
}

.flip-frame .slide.front, .flip-frame .slide.back{
	left: 0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
}

.flip-frame .slide.front{
	z-index: 2;
}

.flip-frame .slide.back{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);     
      	-ms-transform: rotateY(180deg);      
        transform: rotateY(180deg);
	z-index: 1;
}

.nav{
	width: 500px;
	margin: 20px auto;
	text-align: center;
}

.nav button{
	cursor: pointer;
	width: 80px;
}

.color{
	padding: 50px;
	background: #22a7f0;
	color: #fff;
}


.cdt_nr{ min-height:750px;}